<style>
</style>
<template>
    <ly-page>
        <ly-navi title="基础table"></ly-navi>
        <ly-page-content>
            <ly-tip type="success" border>基础 table并非是 vue 组件,只是普通的 class</ly-tip>
            <el-divider content-position="left">默认 .ly-table</el-divider>
            <table class="ly-table">
                <thead>
                <tr>
                    <th>属性名</th>
                    <th>说明</th>
                    <th>类型</th>
                    <th>可选值</th>
                    <th>默认值</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                </tbody>
            </table>
            <el-divider content-position="left">边框 .ly-table-border</el-divider>
            <table class="ly-table ly-table-border">
                <thead>
                <tr>
                    <th>属性名</th>
                    <th>说明</th>
                    <th>类型</th>
                    <th>可选值</th>
                    <th>默认值</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                </tbody>
            </table>
            <el-divider content-position="left">斑马纹 .ly-table-striped</el-divider>
            <table class="ly-table ly-table-border ly-table-striped">
                <thead>
                <tr>
                    <th>属性名</th>
                    <th>说明</th>
                    <th>类型</th>
                    <th>可选值</th>
                    <th>默认值</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                <tr>
                    <td>value / v-model</td>
                    <td>绑定值</td>
                    <td>boolean / string / number</td>
                    <td>—</td>
                    <td>—</td>
                </tr>
                </tbody>
            </table>
            <ly-code-view>
                <pre v-pre>
<table class="ly-table ly-table-border ly-table-striped">
    <thead>
    <tr>
        <th>属性名</th>
        <th>说明</th>
        <th>类型</th>
        <th>可选值</th>
        <th>默认值</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>value / v-model</td>
        <td>绑定值</td>
        <td>boolean / string / number</td>
        <td>—</td>
        <td>—</td>
    </tr>
    <tr>
        <td>value / v-model</td>
        <td>绑定值</td>
        <td>boolean / string / number</td>
        <td>—</td>
        <td>—</td>
    </tr>
    <tr>
        <td>value / v-model</td>
        <td>绑定值</td>
        <td>boolean / string / number</td>
        <td>—</td>
        <td>—</td>
    </tr>
    </tbody>
</table>
                </pre>
            </ly-code-view>

            <ly-markdown>
            <pre v-pre>
| 类名  |说明   |
| ------------ | ------------ |
|ly-table|table 基础样式|
|ly-table-border |边框|
|ly-table-striped|斑马纹|
            </pre>
            </ly-markdown>
        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    size: 2,
                    count: 8
                }
            },
            mounted: function () {
//
            },
            methods: {}
        }
    })
</script>